import React from 'react'
import ReactDOM from 'react-dom'


// 使用createElement创建一个较为复杂的UI结构
// <div class="list">
//   <h1>水果</h1>
//   <ul>
//     <li>苹果</li>
//     <li>橘子</li>
//   </ul>
// </div>

// 特殊属性：class  改为  className, for  改为   htmlFor
const element = React.createElement('div', { className: 'list' }, [
  React.createElement('h1', null, '水果'),
  React.createElement('ul', null, [
    React.createElement('li', null, '苹果'),
    React.createElement('li', null, '橘子')
  ]),
])



ReactDOM.render(element, document.getElementById('root'))